{% extends "base.html" %}
{% block jsAndCss %}
    <script language="javascript" src="/static/js/slides.min.jquery.js"></script>
    <link rel="stylesheet" href="/static/css/slide2.css">
    <script language="javascript">
    	$(function(){
            jQuery("#products").slides({
                //preload: true,
                //preloadImage: 'img/loading.gif',
                effect: 'slide, fade',
                crossfade: true,
                slideSpeed: 350,
                fadeSpeed: 500,
                play: 5000,
                generateNextPrev: true,
                generatePagination: false
            });
    	})
    </script>
{% endblock %}
{% block main %}
    <!--主体内容开始-->
    <div class="main">
{#        <ul class="Nav">#}
{#            <li><a href="/">首页</a></li>#}
{#            <li class="blue">&gt;</li>#}
{#            <li><a href="##">创意园区</a></li>#}
{#            <li class="blue">&gt;</li>#}
{#            <li><a href="##">上海</a></li>#}
{#            <li class="blue">&gt;</li>#}
{#            <li><a href="##">浦东区</a></li>#}
{#            <li class="blue">&gt;</li>#}
{#            <li><a href="##">Office Park</a></li>#}
{#            <li class="blue">&gt;</li>#}
{#            <li>创意园区主页</li>#}
{#        </ul>#}

        <div class="xzlDetBox">
            <div class="xzlDetCon">
                <div id="container">
                    <div id="products_example">
                        <div id="products">
                            <div class="slides_container">
                                {% if officeAlbum %}
                                    {% for pic in officeAlbum %}
                                    <a href="##" target="_blank"><img src="{{ pic.get_absolute_url }}" width="453" height="299">
                                        <div class="caption" style="bottom: 0px;"><p>{{ pic.isTitle }}</p></div>
                                    </a>
                                    {% endfor %}
                                {% endif %}

                            </div>
                            <ul class="pagination">
                                {% if officeAlbum %}
                                    {% for pic in officeAlbum %}
                                        <li><a href="#"><img src="{{ pic.get_absolute_url }}" width="60" height="45"></a></li>
                                    {% endfor %}
                                {% endif %}
                            </ul>
                        </div>
                    </div>

                </div>
                <div class="fl pt10 font14px " style="width:500px;">
                    <ul class="ulAll">
                        <li><span class="pr10">物业地址：</span><span class="pl10">{{ office.address }} <a href="##">地图</a></span></li>
                        <li><span class="pr10">楼宇名称：</span><span class="pl10"><a href="{{ office.get_absolute_url }}">{{ office.name }}</a></span></li>
                        <!--<li class="half"><span class="pr10">服务商品牌：</span><span class="pl10"></span></li>
                        <li class="half"><span class="pr10">装修风格：</span><span class="pl10">现代简约</span></li>
                        <div class="clear"></div>
                        <li><span class="pr10">服务语种：</span><span class="pl10">中文 英文</span></li>
                        <li><span class="pr10">办 公 &nbsp;室：</span><span class="pl10">13间</span></li>-->
                        <li class="brbd pb10">
                            <div class="pr10 fl block">标准装修：</div>
                            <div class="pl10 fl block">
                                <p>地面:地毯,墙面:涂料</p>
                                <p>天花:石膏板</p>
                                <p>家具:办公桌,办公椅,电话</p>
                            </div>
                        </li>
                        <li class="brbd pt10 pb10">
                            <span class="pr10">报&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;价: </span>
                            <span class="pl10"><font class="font24px red">{{ office.avg_sale }}</font> 元/㎡.天   全约年限: 1年</span></li>
                    </ul>
                </div>
                <div class="clear"></div>
            </div>
        </div>

        <div class="box680 fl">
            <div class="tit5"><span class="icon5">楼盘相册</span></div>
            <ul class="xzlPhoto">
                {% if officeAlbum %}
                    {% for pic in officeAlbum %}
                        <li><a href="##" class="block"><img src="{{ pic.get_absolute_url }}" class="bd_1 pd1"/>
                            <div class="block">{{ pic.isTitle }}</div>
                        </a></li>
                    {% endfor %}
                {% else %}
                    <li><a href="##" class="block"><img src="" class="bd_1 pd1"/>
                        <div class="block">前台接待</div>
                    </a></li>
                {% endif %}
                <div class="clear"></div>
            </ul>

            <div class="tit5"><span class="icon5">楼内公司</span></div>
            {% if companiesAndCounts %}
            <div class="pd10">
                <ul class="ulAll font14px">
                    {% for company, counts in companiesAndCounts.iteritems %}
                    <li class="brbd span"><a href="{{ company.get_absolute_url }}">{{ company.name }}</a><span>招聘职位 {{counts}} 个</span></li>
                    {% endfor %}
                </ul>
            </div>
            {% else %}
                暂无
            {% endif %}
{#            <div class="tit5"><span class="icon5">周边商户</span></div>#}
{#            <div>#}
{#                <div name="1#" class="search_list" style="border:none;">#}
{#                    <div class="mt10 ml10 lh180">#}
{#                        <p class="first_row">#}
{#                                    <span class="td_title">#}
{#                                        <a class="title" title="阿里郎韩国料理" target="_blank" href="##">阿里郎韩国料理</a>#}
{#                                        <a href="##">分店</a>#}
{#                                    </span>#}
{#                            <span class="td_price"><span class="rmb">¥</span>77</span>#}
{#                                    <span title="3.9" class="pr star_s_rate star_s40">&nbsp;#}
{#                                        <span class="result_comment">#}
{#                                            <a target="_blank" href="##" class="vb zoom">47人点评</a>#}
{#                                        </span>#}
{#                                    </span>#}
{#                            <span class="search_km"></span>#}
{#                        </p>#}
{##}
{#                        <p class="p_addr">#}
{#                            <span class="grey vt">地址：</span>#}
{#                                    <span class="addr">#}
{#                                        鼓楼区五四北路330号省体市中心(近西二环路)&nbsp;&nbsp;#}
{#                                    <!--<a href="javascript:;" class="showTelForJs" bi="tel|1|||biztype1:美食">点此查看电话</a>-->#}
{#                                    <span class="biztel">#}
{#                                        <span class="m_11">0591-87712678</span>#}
{#                                    </span>#}
{#                                </span></p>#}
{#                        <p>#}
{#                            <span class="grey">标签：</span>#}
{#                            <a title="福州韩国料理" href="##">韩国料理</a>#}
{#                        </p>#}
{#                    </div>#}
{#                </div>#}
{#            </div>#}
        </div>
        <div class="box312 fr mt10">
            <div class="bd_1">
                <div class=" pd10 pt10 brbm"><b class="font18px">商户/公司加入</b></div>
                <div class="pd10">
                    <label class="pb10 block">
                        <input type="text" class="text2" size="50" value="请输入你的名称" />
                    </label>
                    <label class="pb10 block">
                        <input type="text" class="text2" size="50" value="请输入你的联系电话" />
                    </label>
                    <label class="pb10 block">
                        <textarea class="text2" style="height:100px;">请在此输入您的留言, 网站工作人员将会主动同您取得联系!</textarea></label>
                    <label class="pb10 block">
                        <input type="button" class="inputbtn mr20" value="提交">
                    </label>
                </div>
            </div>
            <div id="Rating" class="side_score bd_1 mt10">
                <div id="divScorePanle" class="allbd sidesub mg20">
                    <div class="pb10 brbm pr">
                        <h5 class="font18px">写字楼评分<span class="sub_more">
                        <a onclick="showWebComment();" href="#Comment" class="more">我要评论</a></span>
                    </h5></div>
                    <div style="display: none;" class="blogloadingbar" id="loadingScorePanle">
                        <div class="loading"></div>
                    </div>
                    <div class="General_sub">
                        <span>综合评价</span>

                        <div class="fl" title="很好">
                            <div class="g_star">
                                <div class="m_star m_4"></div>
                            </div>
                        </div>
                        <div class="general_score">4.0</div>
                    </div>
                    <div class="General_show">
                        <table>
                            <tbody>
                            <tr>
                                <td class="sub">卫生方面</td>

                                <td width="128">
                                    <div class="s_star s_4" title="很好"></div>
                                </td>
                                <td class="score">4.0</td>

                            </tr>
                            <tr>
                                <td class="sub">电梯速度</td>

                                <td>
                                    <div class="s_star s_4" title="很好"></div>
                                </td>
                                <td class="score">4.0</td>

                            </tr>
                            <tr>
                                <td class="sub">物业服务</td>

                                <td>
                                    <div class="s_star s_4" title="很好"></div>
                                </td>
                                <td class="score">4.0</td>

                            </tr>
                            <tr>
                                <td class="sub">生活配套</td>

                                <td>
                                    <div class="s_star s_4" title="很好"></div>
                                </td>
                                <td class="score">4.0</td>

                            </tr>
                            <tr>
                                <td class="sub">停车方面</td>

                                <td>
                                    <div class="s_star s_4" title="很好"></div>
                                </td>
                                <td class="score">4.0</td>

                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <!--
                    <h4>我要打分</h4>
                    <div class="clearfix" id="score">
                        <ul id="ul_1" class="star-rating">
                            <li class="sub">卫生方面</li>
                            <li><a href="javascript:void(0);" onmouseover="vote_hover(1,1);" onmouseout="vote_out()"
                                   onclick="vote_click(1,1);" title="非常糟糕" id="health1">1</a></li>
                            <li><a href="javascript:void(0);" onmouseover="vote_hover(1,2);" onmouseout="vote_out()"
                                   onclick="vote_click(1,2);" title="不太理想" id="health2">2</a></li>
                            <li><a href="javascript:void(0);" onmouseover="vote_hover(1,3);" onmouseout="vote_out()"
                                   onclick="vote_click(1,3);" title="一般" id="health3">3</a></li>
                            <li><a href="javascript:void(0);" onmouseover="vote_hover(1,4);" onmouseout="vote_out()"
                                   onclick="vote_click(1,4);" title="很好" id="health4">4</a></li>
                            <li><a href="javascript:void(0);" onmouseover="vote_hover(1,5);" onmouseout="vote_out()"
                                   onclick="vote_click(1,5);" title="非常好" id="health5">5</a></li>
                            <div class="clear"></div>
                        </ul>
                        <ul id="ul_2" class="star-rating">
                            <li class="sub">电梯速度</li>
                            <li><a href="javascript:void(0);" onmouseover="vote_hover(2,1);" onmouseout="vote_out()"
                                   onclick="vote_click(2,1);" title="非常糟糕" id="elevatorSpeed1">1</a></li>
                            <li><a href="javascript:void(0);" onmouseover="vote_hover(2,2);" onmouseout="vote_out()"
                                   onclick="vote_click(2,2);" title="不太理想" id="elevatorSpeed2">2</a></li>
                            <li><a href="javascript:void(0);" onmouseover="vote_hover(2,3);" onmouseout="vote_out()"
                                   onclick="vote_click(2,3);" title="一般" id="elevatorSpeed3">3</a></li>
                            <li><a href="javascript:void(0);" onmouseover="vote_hover(2,4);" onmouseout="vote_out()"
                                   onclick="vote_click(2,4);" title="很好" id="elevatorSpeed4">4</a></li>
                            <li><a href="javascript:void(0);" onmouseover="vote_hover(2,5);" onmouseout="vote_out()"
                                   onclick="vote_click(2,5);" title="非常好" id="elevatorSpeed5">5</a></li>
                        </ul>
                        <ul id="ul_3" class="star-rating">
                            <li class="sub">物业服务</li>
                            <li><a href="javascript:void(0);" onmouseover="vote_hover(3,1);" onmouseout="vote_out()"
                                   onclick="vote_click(3,1);" title="非常糟糕" id="propertyService1">1</a></li>
                            <li><a href="javascript:void(0);" onmouseover="vote_hover(3,2);" onmouseout="vote_out()"
                                   onclick="vote_click(3,2);" title="不太理想" id="propertyService2">2</a></li>
                            <li><a href="javascript:void(0);" onmouseover="vote_hover(3,3);" onmouseout="vote_out()"
                                   onclick="vote_click(3,3);" title="一般" id="propertyService3">3</a></li>
                            <li><a href="javascript:void(0);" onmouseover="vote_hover(3,4);" onmouseout="vote_out()"
                                   onclick="vote_click(3,4);" title="很好" id="propertyService4">4</a></li>
                            <li><a href="javascript:void(0);" onmouseover="vote_hover(3,5);" onmouseout="vote_out()"
                                   onclick="vote_click(3,5);" title="非常好" id="propertyService5">5</a></li>
                        </ul>
                        <ul id="ul_4" class="star-rating">
                            <li class="sub">生活配套</li>
                            <li><a href="javascript:void(0);" onmouseover="vote_hover(4,1);" onmouseout="vote_out()"
                                   onclick="vote_click(4,1);" title="非常糟糕" id="liveSupporting1">1</a></li>
                            <li><a href="javascript:void(0);" onmouseover="vote_hover(4,2);" onmouseout="vote_out()"
                                   onclick="vote_click(4,2);" title="不太理想" id="liveSupporting2">2</a></li>
                            <li><a href="javascript:void(0);" onmouseover="vote_hover(4,3);" onmouseout="vote_out()"
                                   onclick="vote_click(4,3);" title="一般" id="liveSupporting3">3</a></li>
                            <li><a href="javascript:void(0);" onmouseover="vote_hover(4,4);" onmouseout="vote_out()"
                                   onclick="vote_click(4,4);" title="很好" id="liveSupporting4">4</a></li>
                            <li><a href="javascript:void(0);" onmouseover="vote_hover(4,5);" onmouseout="vote_out()"
                                   onclick="vote_click(4,5);" title="非常好" id="liveSupporting5">5</a></li>
                        </ul>
                        <ul id="ul_5" class="star-rating">
                            <li class="sub">停车方面</li>
                            <li><a href="javascript:void(0);" onmouseover="vote_hover(5,1);" onmouseout="vote_out()"
                                   onclick="vote_click(5,1);" title="非常糟糕" id="parking1">1</a></li>
                            <li><a href="javascript:void(0);" onmouseover="vote_hover(5,2);" onmouseout="vote_out()"
                                   onclick="vote_click(5,2);" title="不太理想" id="parking2">2</a></li>
                            <li><a href="javascript:void(0);" onmouseover="vote_hover(5,3);" onmouseout="vote_out()"
                                   onclick="vote_click(5,3);" title="一般" id="parking3">3</a></li>
                            <li><a href="javascript:void(0);" onmouseover="vote_hover(5,4);" onmouseout="vote_out()"
                                   onclick="vote_click(5,4);" title="很好" id="parking4">4</a></li>
                            <li><a href="javascript:void(0);" onmouseover="vote_hover(5,5);" onmouseout="vote_out()"
                                   onclick="vote_click(5,5);" title="非常好" id="parking5">5</a></li>
                        </ul>
                        <div class="clear"></div>

                        <input type="button" class="inputbtn mr20 ml10" value="打分">

                        <input type="button" class="clearbtn" value="清除">
                    </div>
                    -->
                </div>
            </div>
        </div>
        <div class="clear"></div>
        <div class="clear"></div>
    </div>
    <!--主体内容结束-->
{% endblock %}